<template>
	<view>

		<scroll-view scroll-y class="selfBox">
			
			
			<view class="cu-list menu">
				
				<view class="cu-item"  v-for="(item,index) in cuIconList.list" :class="item.url!=0?'arrow':''">
					<view class="content" hover-class="none" @click="changeTo(item.url,index)" v-if="item.hasDiscount>=0">
						<text class="text-grey" :class="'cuIcon-'+item.icon" :style="{color:item.color}"></text>
						<text class="text-grey">{{item.title}} <text v-if="item.hasDiscount!=0 && item.showS==true" class="cuIcon-title" style="font-size: 4vw;color: red;"></text></text>
					</view>
				<view class="content" hover-class="none" @click="changeTo(item.url,index)" v-if="item.hasDiscount==-2">
					<text class="text-grey" :class="'cuIcon-'+item.icon" :style="{color:item.color}"></text>
					<text class="text-grey">{{item.title}}</text>
				</view>
					<button class="content kefu"  hover-class="none" v-if="item.hasDiscount==-1"  open-type="contact" bindcontact="handleContact">
						<text class="text-grey" :class="'cuIcon-'+item.icon" :style="{color:item.color}"></text>
						<text class="text-grey">{{item.title}}</text>
					</button>
				</view>

			</view>

			<view class="cu-tabbar-height"></view>
		</scroll-view>
	</view>
</template>
<script src="./index.js"></script>
<style scoped>
	@import 'index.css';
</style>
